Change-Id: Ibe8f0e03776a24eb8cbca5c91da5516baccf8ebf

Change-Id: I0c0421fb9eb43c11d2720b5e120e0fac8db68314

Change-Id: I55c8bed0b374d703aea769f95f7bc4614c210202

Change-Id: I31d812918bd3596ca61bb9b57af778455672915e

Implement comprehensive visual previews for all collage layouts to improve
user experience and reduce confusion during layout selection. Users can now
see exactly how their collage will look before capturing photos.

- Added `getLayoutPreviewSvg()` function to generate SVG preview for each layout
- Visual previews show numbered photo positions (1, 2, 3, 4, etc.)
- Blue boxes (#4A90E2) with white numbers indicate photo placement
- Landscape format (3:2 aspect ratio, 180x120 viewBox) for 10x15cm prints

All collage layouts now have accurate visual previews:
- 2+2 Layout (Options 1 & 2): 4 equal rectangles with/without padding
- 1+3 Layout (Options 1 & 2): 1 large + 3 small photos
- 3+1 Layout: 3 small + 1 large photo
- 1+2 Layout: 1 large + 2 small photos
- 2+1 Layout: 2 top + 1 bottom photo
- 2x4 Layout (Options 1-4): 4 photos duplicated (strip format)
- 2x3 Layout (Options 1-2): 3 photos duplicated (strip format)

Special visualization for photostrip layouts (2x4, 2x3):
- Red dashed cut line in the middle shows where strip will be cut
- Scissors icon (✂) indicates cutting position
- Photos numbered identically on both halves (duplicates)
- Shows that strips are printed and then cut in half

- Grey outer border shows final photo format
- Light grey background container for each preview
- Structured button layout: SVG preview → label → photo count
- Added CSS classes: `.collageSelector__preview-container`,
  `.collageSelector__preview`, `.collageSelector__label`

- PHPStan Level 8 compliant with proper type annotations
- PHP-CS-Fixer compliant formatting
- Added @var annotation for $config variable
- Clean separation of layout definitions based on JSON files

**Modified Files:**
- `template/components/collageSelection.php`: Added SVG generation function
  and updated button rendering with visual previews (49 → 227 lines)
- `assets/sass/components/_button.scss`: Added CSS for preview styling
- `resources/css/framework.css`: Compiled SASS output

**Preview Generation:**
- SVG viewBox: 180x120 (landscape 3:2 format)
- Position calculations based on landscape JSON layout definitions
- Dynamic rendering based on CollageLayoutEnum value
- Rectangle fill: #4A90E2, stroke: #FFFFFF (2px)
- Font: 28px bold, centered in each position box

**Layout Accuracy:**
All SVG positions calculated from actual JSON files in
`template/collage/landscape/*.json` to ensure preview matches final result.

Change-Id: Ib83722930cc9d73e56626411684e8fa06b32142b

- Replace hardcoded SVG coordinates with dynamic JSON parsing
- Read layout positions from template/collage/landscape/*.json files
- Evaluate expressions (x*0.5, y/2, etc.) at runtime
- Calculate viewBox dimensions from actual template width/height
- Single source of truth: JSON files define both collage and preview
- Automatically supports custom templates and community layouts
- No manual coordinate maintenance needed

Benefits:
- JSON changes are instantly reflected in previews
- Correct aspect ratios for all layouts
- Supports any template format (landscape/portrait)
- Eliminates duplicate coordinate definitions
- Future-proof for new template additions

Change-Id: I1150367bd433f4ac4c1c3a02f10d8f56c37b6824

- Photostrip layouts duplicate photos (left/right halves are cut)
- Second half now shows numbers 1-4/1-3 again (not 5-8/4-6)
- Display: Left: 1,2,3,4 | Right: 1,2,3,4 (duplicates)
- Logic checks if layout is photostrip and resets numbering
- Normal layouts (2+2, 1+3, etc.) unaffected

Change-Id: I416a7607aa61f3ef32d62b579c8fce02813ece16

- Read orientation from config (landscape/portrait)
- Pass orientation to loadCollageLayoutFromJson()
- Previews now use correct template files based on admin setting
- Portrait: 1200×1800 (2:3), Landscape: 1800×1200 (3:2)
- ViewBox and photo positions adapt automatically

Change-Id: I033ba13c7bebf9fd0f9ad40018290af6644d6fa1

Change-Id: I93e212f881af9162635d3ffd132bbe69de9065bf

- Add zone-based text system with configurable alignment and positioning
  - Support for horizontal alignment (left/center/right) per line
  - Vertical alignment with proper baseline correction
  - Auto-fit font sizing within defined zones
- Extend text duplication for 2x layouts to both orientations
  - Landscape: horizontal duplication (shift X coordinate)
  - Portrait: vertical duplication (shift Y coordinate)
  - Full support for zone mode in duplicated text
- Fix PHP 8.4 compatibility issues in Image.php
  - Replace static method calls with instance method calls
  - Affects resizeCropImage(), applyFrame(), rotateResizeImage()
- Add zone text configuration to all collage templates
  - Define text zones with x, y, width, height, padding
  - Set alignment parameters (align, valign) per template
- Update CollageConfig DTO to support zone text parameters

Change-Id: Icb6dfd8d316e564d56c036ccb8ec5e5ffe8e7b6e

Change-Id: I209d6afe3c1a5438d125968c9e47db3ba8f1cacb

Change-Id: I0a4add8906d495cf649fdd3fa2f07567e8b1d047

Change-Id: I3d659b77ebcc0526460605a29d31445cde5d7749